<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=11">
	<title>迅泊达</title>
	<meta name="keywords" content="迅泊达">
	<meta name="description" content='迅泊达'/>
	<link rel="shortcut icon" href="/static/favicon.ico"/>
    <link rel="stylesheet" href="/static/front/fonts/iconfont.css">
    <link rel="stylesheet" href="/static/front/css/base_new.css">
    <link rel="stylesheet" href="/static/front/css/library.css">
    <link rel="stylesheet" href="/static/front/css/style.css">
    <script src="/static/front/js/jquery-1.11.1.min.js"></script>
    <script src="/static/front/js/jquery.countdown.js"></script>
    <script src="/static/front/js/js.js"></script>
    <!--[if lt IE 9]>
    <script src="/static/front/js/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script type="text/javascript" src="plugIn/PIE.js"></script>
    <![endif]-->
    <style type="text/css">
    .clearfix .fl i{font-size:16px;color:#999;}
    .clearfix .fr i{font-size:16px;color:#999;}
    #indexMain .mainCenter .right .noticeList .subList p{width:182px; padding: 10px 0; line-height:26px; }
    #indexMain .mainCenter .right .noticeList .subList span{ display: table-cell; vertical-align: middle; line-height:40px; color:#adadad; }
    #fbyg a{
	    color:#666;
	}
    #fbyg a:hover {
	    color: #f06a11;
	}
	.box-head-title {
	    color: #656565;
	    font-size: 18px;
	    font-weight: bold;
	    display: inline;
	    margin:  0;
	    padding: 0;
	}
	
	.box-head-more {
	    float: right;
	    color: #e86b18;
	    display: inline-block;
	    width: 65px;
	    height: 23px;
	    line-height: 23px;
	    text-align: center;
	    border-radius: 4px;
	    border: 1px solid #e86b18;
	}
	h4.claim {
    position: relative;
    top: 85px;
    left: 336px;
    font-size: 27px;
   }
   .none{
    color: #cbcbcb;
    border-color: #cbcbcb;
   }
  
    </style>
</head>
<body>
	<div id="content">
		<#include "./base/top.ftl" />
		<div id="indexBanner" class="banner">
            <ul class="scrollAD">
                <!--<li class="first"><a href="#"></a></li>
                <li><a href="#" style="background: url(${_front_images}/banner/banner.jpg) center top"></a></li>-->
                <#if bannerList?exists>
                	<#list bannerList as model>
                		<#if model_index == 0>
                			<li class="first"><a href="${model.linkUrl!}" style="background: url(${model.path!}) center top"></a></li>
                		<#else>
                			<li><a href="${model.linkUrl!}" style="background: url(${model.path!}) center top"></a></li>
                		</#if>
                	</#list>
                </#if>
            </ul>
            <ol class="cornerAD">
            	<#if (bannerList?exists & bannerList?size>0)>
					<#list bannerList as banner>     
						<#if banner_index==0>
							<li class="current"></li>
						<#else>
							<li></li>	
						</#if>
					</#list>
				</#if>
            </ol>
            <!--
            <span class="bannerLeft iconfont">&#xe604;</span>
            <span class="bannerRight iconfont">&#xe603;</span>
            -->
            <div class="user cnt userLogin">
                <div class="userWrap" style="top:51px;">
                   <img class="defaultAvatar" style="box-shadow:3px 3px 15px #888888;"src="${_front_images}/defaultavatar.png"></img>
                   	   <#if _user?exists>
							<div class="info">
		                        <p class=" collect" style="margin-top:92px;color: #fff;font-size: 14px;">
		                            	您好,
		                            <span>${user.username!}</span>
		                        </p>
		                        <a href="/account/info" class="orange btn" style="margin-top:60px;">我的账户</a>
		                        <a href="/logout" class="backgroundNone btn">退出</a>
		                    </div>
	                    <#else>
	                       <div class="info">
		                        <p class="itemActive" style="color:#b0b0b0">
		                           	预期年化收益率
		                            <span>13.2~14.4<em>%</em></span>
		                        </p>
		                        <a href="/login" class="orange btn">登录</a>
		                        <a href="/register" class="backgroundNone btn">注册</a>
		                        <a href="/forget" class="forgetPassword">忘记密码？</a>
	                       </div>	                                  	   
                   	   </#if>
                </div>
            </div>
        </div>
        <div id="indexMain">
            <div class="mainTop">
                <ul class="cnt clearfix">
                    <li class="mainBottomA fl">安全运营天数：<span id="dateDiff"></span>天</li>
                    <li class="mainBottomA fl">累计收益：<!--<span>1<i> 亿 </i>2482<i> 万 </i>1000</span> 元--><span><#if indexShow?exists>${indexShow.income?string(",##0.00")!}</#if></span> 元</li>
                     <li class="mainBottomB fr">累计投资：<!--<span>1<i> 亿 </i>2482<i> 万 </i>1000</span> 元--><span><#if indexShow?exists>${indexShow.amount?string(",##0.00")!}</#if></span> 元</li>
                </ul>
            </div>
            <div class="mainCenter clearfix cnt">
                <div class="left fl item"> 
                <div class="box-head-title">理财产品
                <a href="/invest/list" class="box-head-more"  id="more_b">更多>></a>
                </div>
                 <!--<a href="/invest/list" class="icon TIcon" style="margin-top:0px;" >更多理财产品>></a>-->
                    <#if borrowList?exists>
                    	<#list borrowList as model>
                    		<div class="investmentItem" style="margin-top:8px;">
		                        <a href="/invest/detail?id=${model.id}">
		                           <h2 class="title">
		                           <u>
				                    <#if model.productId?? && model.productId = 3>E
				                    <#elseif model.productId?? && model.productId = 4>车
				                    <#elseif model.productId?? && model.productId = 5>房
				                    <#elseif model.productId?? && model.productId = 6>商
				                    <#elseif model.productId?? && model.productId = 7>押
				                    <#elseif model.productId?? && model.productId = 8>担
				                    <#elseif model.productId?? && model.productId = 10>贷
				                    </#if>
				                    </u>
		                           ${model.title!}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
		                           
				                   <em>是否债权回购标：<#if model.isBuyBack??&&model.isBuyBack=="Y">是<#else>否</#if></em>
		                           <i>开标日期：<#if model.timingShow?exists>${model.timingShow?string("yyyy-MM-dd HH:mm:dd")!}<#else>${model.createTime?string("yyyy-MM-dd HH:mm:dd")!}</#if></i></h2>
		                           <ul class="money clearfix">
		                               <li class="moneyL fl">
		                               	<#if model.dateUtil?? && model.dateUtil = 'MONTH'>
                                		  <p>
                               	  			年收益率：<span>${(model.percent)?string("0.00")}%</span>
                                 		  </p>
                               			<#elseif model.dateUtil?? && model.dateUtil = 'DAY'>
                                		  <p>
                               				天收益率：<span>${(model.percent/360)?string("0.000")}%</span>
                               	 		  </p>
                               			</#if>		                        	
									   </li>
		                               <li class="moneyC fl"><p>投标金额：<span>${model.amount?string(",##0.00")!}</span>元</p></li>
		                               <li class="moneyR fl">
		                                 <p>投标期限：	                               
		                               		<span><#if model.dateUtil?? && model.dateUtil = 'MONTH'>${model.deadline}</span>个月
		                               		<span><#elseif model.dateUtil?? && model.dateUtil = 'DAY'>${model.deadline!}</span>天</#if>		                               	    
		                               	  </p>
		                               	</li>
		                           </ul>
		                           <div class="schedule clearfix">
		                               <div class="scheduleL fl">
		                                   <span class="fl">投标进度：</span>
		                                   <div class="progressBarWrap fl">
		                                       <div class="progressBar" style="width:${model.schedules!}%"></div>
		                                       <span class="progressData">${model.schedules!}%</span>
		                                   </div>
		                               </div>
		                               <#if model.countDown?exists>
											<div class="scheduleR fr clearfix" id="holder${model.id}">
					                            <div class="fl countdownTxt">
					                                <em>投标倒计时：</em>
					                            </div>
					                            <div class="digits fr" style="margin-right:-34px;" id="digits${model.id}"></div>
					                            <script type="text/javascript">
						                            $(function(){
						                                $("#digits${model.id}").countdown({
						                                    image: "${_front_images}/countdown_bg.png",
						                                    format: "hh:mm:ss",
						                                    startTime: "${model.countDown}",
						                                    timerEnd:function(){
						                                    	$("#holder${model.id}").before('<p class="scheduleR fr" style="margin-right:0px;">可投剩余金额：<span>${model.notTenderMoney?string(",##0.00")}</span> 元</p>');
																$("#holder${model.id}").remove();
																$("#tender${model.id}").attr("href","/invest/detail?id=${model.id}").css("background","#f06a11").text("立即投标");
						                                    }
						                                });
						                            });
						                        </script>
					                        </div>
		                               <#else>
			                               <p class="scheduleR fr" style="margin-right:0px;">可投剩余金额：<span>${model.notTenderMoney?string(",##0.00")}</span> 元</p>
		                               </#if>
		                           </div>
		                       </a>
	                        	<#if model.status?exists && model.status = "complete">
	                        		<a href="/invest/detail?id=${model.id}" class="status" style="background:#ccc;">已还完</a>
	                        	<#elseif model.status?exists && model.status = "check">
	                        		<a href="/invest/detail?id=${model.id}" class="status" style="background:#ccc;">复审中</a>
	                        	<#elseif model.status?exists && model.status = "pay">
	                        		<#if model.isBuyBack?? && model.isBuyBack =="Y">
			                    		<a href="/invest/detail?id=${model.id}" class="status" style="background:#ccc;">回购中</a>
		                    		<#else>
			                    		<a href="/invest/detail?id=${model.id}" class="status" style="background:#ccc;">还款中</a>
		                    		</#if>
	                        	<#elseif model.status?exists && model.status = "borrow" || model.status = "new">
	                        		<#if model.countDown?exists>
		                    			<a href="/invest/detail?id=${model.id}" class="status" style="background:#ccc;" id="tender${model.id}">待发布</a>
		                    		<#else>
		                    			<a href="/invest/detail?id=${model.id}" class="status">立即投标</a>
		                    		</#if>
	                        	</#if>
		                    </div>
                    	</#list>
                    </#if>
                   <div class="box-head-title">债权转让
                   	<a href="/invest/list?type=change" class="box-head-more" id="more_c">更多>></a>
                   </div>
                   
            	<div class="investmentItem" style="margin-top:8px;">
            		<#if model?exists && model??>
		                    <h2 class="title">
		                    <u>
		                    <#if model.productId?? && model.productId = 3>E
		                    <#elseif model.productId?? && model.productId = 4>车
		                    <#elseif model.productId?? && model.productId = 5>房
		                    <#elseif model.productId?? && model.productId = 6>商
		                    <#elseif model.productId?? && model.productId = 7>押
		                    <#elseif model.productId?? && model.productId = 8>担
		                    <#elseif model.productId?? && model.productId = 10>贷
		                    </#if>
		                    </u><#if model.title?exists>${model.title}</#if>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
		                    <em>
		                    <#if model.paymentMode?? && model.paymentMode = 1>${model.productName!}，一次性还款
	                    	<#elseif model.paymentMode?? && model.paymentMode = 2>${model.productName!}，等额本息
	                    	<#elseif model.paymentMode?? && model.paymentMode = 3>${model.productName!}，按期付息到期还本
	                    	</#if>
		                    </em> <i><#if model.createTime?exists>${model.createTime?string("yyyy-MM-dd")}</#if></i></h2>
		                    <ul class="money clearfix">
		                        <li class="moneyLZQ fl" style="width:165px;"><p><span><#if model.percent?exists>${model.percent/12/30}%</#if></span><br>预期天收益率</p><em></em></li>
		                        <li class="moneyCZQ fl" style="width:165px;"><p><span><#if model.period?exists>${model.period}</#if></span>期<br>转让期数</p><em></em></li>
		                        <li class="moneyRZQ fl" style="width:165px;"><p><span><#if model.amount?exists>${model.amount}</#if></span>元<br>剩余本金</p><em></em></li>
		                        <li class="moneyR1 fl"  style="width:165px;"><p><span><#if model.min?exists>${model.min}</#if></span>元<br>转让价格</p></li>
		                        <!--<li class="moneyR2 fl"><p><span>${model.min/model.amount}%</span><br>折价率</p></li>-->
		                        
		                    </ul>
		                	<a href="/change/detail?id=${model.id}" class="status" <#if model.status=='Y' || model.status=='C'>style="background:#CCCCCC;"</#if>>
			                	<#if model.status=='T'>
									立即承接
								<#elseif model.status=='C'>
									审核中
								<#elseif model.status=='Y'>
									已完成
								</#if>
							</a>
							<#else> 
					     	<h4 class="claim">暂无债权转让 </h4>
	                </#if>
	            </div>
     
                            
                </div>
                <div class="right fr">
                    <div class="sidebarList lrailerList">
                        <h3 class="tit">发标预告
                       	 <a class="small iconfont" style="cursor:pointer;" href="/news/notice">更多<em></em></a>
                        </h3>
                        <div class="subListWrap bid" id="noticeInside">
                            <ul class="subList updataTxt">
                            	<#if notices?exists>
                            		<#list notices as model>
                            			<li>
		                                    <em class="biaoIcon">${model_index+1}</em>
		                                    <div id="fbyg">
		                                    <p>
		                                    
		                                        <a href="/news/detail?id=${model.id!}&type=notice">${model.title!}</a>&nbsp;&nbsp;
		                                        <!--<u class="blur">${model.updateTime?string("yyyy-MM-dd")!}　(${model.createTime?string("HH:ss")!})</u><br>-->
		                                        <u class="blur">${model.updateTime?string("yyyy-MM-dd")!}</u><br>
		                                        <span>${model.tags!}</span>
		                                    
		                                    </p>
		                                    </div>
		                                </li>
                            		</#list>
                            	</#if>
                            </ul>
                        </div>
                    </div>
                    <div class="ADimg">
                       <ul class="scrollAD">
                           
                           <!--<#if bannerList?exists>
			                	<#list bannerList as model>
			                		<#if model_index == 0>
			                			<li class="first"><a href="${model.linkUrl!}" style="background: url(${model.path!}) center top;background-size: 260% auto;background-repeat: no-repeat;"></a></li>
			                		<#else>
			                			<li><a href="${model.linkUrl!}" style="background-image: url(${model.path!}) center top;background-size: 260% auto;background-repeat: no-repeat;"></a></li>
			                		</#if>
			                	</#list>
			                </#if>-->
			                 <#if bannerList_s?exists>
			                	<#list bannerList_s as model>
			                		<#if model_index == 0>
			                			<li class="first"><a href="${model.linkUrl!}" style="background: url(${model.path!}) center top;background-size:cover;background-repeat: no-repeat;"></a></li>
			                		<#else>
			                			<li><a href="${model.linkUrl!}" style="background: url(${model.path!}) center top;background-size: cover;background-repeat: no-repeat;"></a></li>
			                		</#if>
			                	</#list>
			                </#if>
                       </ul>
                       <ol class="cornerAD">
                           <#if (bannerList_s?exists & bannerList_s?size>0)>
								<#list bannerList_s as banner>     
									<#if banner_index==0>
										<li class="current"></li>
									<#else>
										<li></li>	
									</#if>
								</#list>
							</#if>
                       </ol>
                       <!--<span class="bannerLeft iconfont">&#xe604;</span>
                       <span class="bannerRight iconfont">&#xe603;</span>-->
                    </div>
                    <div class="sidebarList noticeList">
                        <h3 class="tit">网站公告 <a class="small iconfont" style="cursor:pointer;" href="/news/web">更多<em>&#xe611;</em></a></h3>
                        <div class="subListWrap">
                            <ul class="subList">
                            	<#if company?exists>
                            		<#list company as model>
                            			<li class="clearfix">
		                                    <p class="fl">
		                                        <a href="/news/detail?id=${model.id!}&type=web" class="first">${model.title!}</a>
		                                    </p>
		                                    <span class="fr">${model.updateTime?string("yyyy-MM-dd")}</span>
		                                </li>
                            		</#list>
                            	</#if>
                            	<!--<li class="clearfix">
                                    <p class="fl">
                                        <a href="#" class="first">春节放假公告</a>
                                    </p>
                                    <span class="fr">2015-12-30</span>
                                </li>-->
                            </ul>
                        </div>
                    </div>
                    <div class="sidebarList dynamicList">
                        <h3 class="tit">媒体报道 <a class="small iconfont" style="cursor:pointer;" href="/news/media">更多<em>&#xe611;</em></a></h3>
                        <div class="subListWrap">
                            <ul class="subList">
                            	<#if news?exists>
                            		<#list news as model>
                            			<li class="clearfix">
		                                    <p class="fl">
		                                        <a href="/news/detail?id=${model.id!}&type=mediaReports" class="first">${model.title!}</a>
		                                    </p>
		                                    <span class="fr">${model.updateTime?string("yyyy-MM-dd")!}</span>
		                                </li>
                            		</#list>
                            	</#if>
                                <!--<li class="clearfix">
                                    <p class="fl">
                                        <a href="#" class="first">《2015 年 P2P 网贷投资人问卷调查报告》出炉</a>
                                    </p>
                                    <span class="fr">2015-12-30</span>
                                </li>-->
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mainBottom cnt">
                <ul class="Plist clearfix">
                    <li class="fl">
                        <a href="/guide">
                            <span class="icon iconfont thumb">&#xe62c;</span>
                            <h4>新手指南</h4>
                            <p>您身边触手可及的理财好平台，获得可靠高收益，安全交易，便捷有保障。</p>
                        </a>
                    </li>

                    <li class="fl">
                        <a href="/security">
                            <span class="icon iconfont">&#xe606;</span>
                            <h4>安全保障</h4>
                            <p>严格风控控制体系，全方位资金保障，为您的投资保驾护航。</p>
                        </a>
                    </li>
                    
                    <li class="fl">
                        <a href="/reward">
                            <span class="icon iconfont">&#xe607;</span>
                            <h4>推荐返利</h4>
                            <p>推荐好友投资，好友充值投资后可获得现金奖励，最高可达5000元。</p>
                        </a>
                    </li>
                    
                    <li class="fl">
                        <a href="/about">
                            <span class="icon iconfont">&#xe609;</span>
                            <h4>关于我们</h4>
                            <p>平台运营数据及公司介绍和相关信息。</p>
                        </a>
                    </li>


                </ul>
            </div>
        </div>
        <div id="footer">
            <div class="content">
				<#include "./base/foot.ftl" />
            </div>
        </div>
    </div>
</body>
</html>
<script>
$(function(){
    // 侧边AD部分
    var wAD = $('#indexMain .ADimg').width();
    $('#indexMain .ADimg ul li').width(wAD);
    //克隆第一张放到ul中最后
    var tagAD = $('#indexMain .ADimg ul li.first').clone();
    $('#indexMain .ADimg ul').append(tagAD);

    $('#indexMain .ADimg ol li').click(function(event) {
        $(this).addClass('current').siblings('li').removeClass('current');
        var indexAD = $(this).index();
        bannerNumAD=indexAD;
        $('#indexMain .ADimg ul').animate({left:-indexAD*wAD}, 1000);
    });
    
	//计算2日期差值
	var dateDiff = dateDiff();
	//给安全运营天数设值
	$('#dateDiff').html(dateDiff);
   
    //计算2日期差值
    function dateDiff(){  
    	var day = 24 * 60 * 60 *1000;
    	var startDate= new Date(2013,8,9);  
    	var startTime = startDate.getTime();    
    	var curr_time = new Date();
		var curTime = curr_time.getTime();    
    	var cha = (curTime - startTime)/day;
    	return Math.floor(cha); 
	}
    
    
    //自动播放
    function autoPlay(){
        bannerNumAD++;
        if(bannerNumAD > 4){
            //如果播放到最后一张，最后一张的编号为4
            //下一张再播放，需要先定位第一张（0），再继续播放从0到1
            $('#indexMain .ADimg ul').css({left:0});
            //下次要播放1
            bannerNumAD=1;
        }

        $('#indexMain .ADimg ol li').eq(bannerNumAD).addClass('current').siblings('li').removeClass('current');

        $('#indexMain .ADimg ul').animate({left:-bannerNumAD*wAD}, 500);
        if(bannerNumAD == 4){
            $('#indexMain .ADimg ol li').eq(0).addClass('current').siblings('li').removeClass('current');
        }
    }
    //向左播放
    function prevPlay(){
        bannerNumAD--;
        if(bannerNumAD < 0){
            //迅速切换到最后一张
            $('#indexMain .ADimg ul').css({left:-4*wAD});
            bannerNumAD = 3;
        }
        $('#indexMain .ADimg ol li').eq(bannerNumAD).addClass('current').siblings('li').removeClass('current');

        $('#indexMain .ADimg ul').animate({left:-bannerNumAD*wAD}, 500);
        if(bannerNumAD == 4){
            $('#indexMain .ADimg ol li').eq(0).addClass('current').siblings('li').removeClass('current');
        }
    }
    var bannerTimerAD = null;
    var bannerNumAD=0;
    bannerTimerAD = setInterval(autoPlay,4000);
    $('#indexMain .ADimg').hover(function() {
        clearInterval(bannerTimerAD);
    }, function() {
        clearInterval(bannerTimerAD);
        bannerTimerAD = setInterval(autoPlay,4000);
    });
      var list = <#if model?exists>"1"<#else>""</#if>;
      var borrow_list = <#if borrowList?exists>"1"<#else>""</#if>;
      if(list!="1" || list==""){
        $("#more_c").addClass("none");
        $("#more_c").attr("href","javascript:void(0);");
      }
      if(borrow_list!="1" || borrow_list==""){
        $("#more_b").addClass("none");
        $("#more_b").attr("href","javascript:void(0);");
      }
    
})
</script>